
<html>
<body>
	<wicket:extend>
				<div wicket:id="menuNavegacion"></div>

		<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog"
			aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-hidden="true">&times;</button>
				<h3 id="myModalLabel">Seleccione una mejora</h3>
			</div>
			<div class="modal-body">
				<form wicket:id="formMejoras" class="form-horizontal">
					<strong class="text-info">Recursos: </strong><strong
						class="text-warning">$<span wicket:id="recursos">1</span></strong>
					<br>
					<div wicket:id="feedbackPanel"></div>
					<br>
					<table class="table table-striped table-bordered table-condensed">
						<thead>
							<tr class=" btn-success">
								<th class="text-center" style="text-align: center;">Descripcion</th>
								<th class="text-center" style="text-align: center;">Costo</th>
								<th class="text-center" style="text-align: center;"></th>
							</tr>
						</thead>
						<tbody>
							<tr wicket:id="mejorasPosibles">
								<td><span wicket:id="descripcion">TipoDeTerreno</span></td>
								<td><span wicket:id="costo">listaDePlantas</span></td>
								<td>
									<div class="btn-group">
										<button wicket:id="seleccionar" class="btn-link">Seleccionar</button>
									</div>
								</td>
							</tr>
						</tbody>
					</table>
				</form>
			</div>
			<div class="modal-footer">
				<button class="btn btn-danger" data-dismiss="modal">Cancelar</button>
			</div>
		</div>



		<div class="clearfix"></div>

		<form wicket:id="formPlantas" class="form-horizontal">
			<table class="tbldatos alert-error alert fade in">
				<tr>
					<td class="tddatos"><strong class="text-info">Tipo de
							terreno: </strong> <strong wicket:id="jardinZen.tipo" class="text-warning">TipoDeTerreno</strong>
					</td>
					<td><a data-toggle="modal" wicket:id="siguienteZen"
					class="btn  btn-info btn-small">siguiente jardin Zen <i
						class="icon-chevron-right icon-white"></i></a></td>
				</tr>
			</table>
			<table
				class="table table-striped table-bordered table-condensed table-hover tblpverde">
				<thead>
					<tr class=" btn-success">
						<th class="text-center" style="text-align: center;">Nombre</th>
						<th class="text-center" style="text-align: center;">Defensa</th>
						<th class="text-center" style="text-align: center;">Ataque</th>
						<th class="text-center" style="text-align: center;">Descripcion</th>
						<th class="text-center" style="text-align: center;">Acciones</th>
					</tr>
				</thead>
				<tbody>
					<tr wicket:id="result">
						<td><span wicket:id="nombre">TipoDeTerreno</span></td>
						<td><span wicket:id="defensa">Defensa</span></td>
						<td><span wicket:id="ataque">Ataque</span></td>
						<td><span wicket:id="descripcion">Descripcion</span></td>
						<td style="text-align: center">
								<button wicket:id="mejorar" class="btn btn-info  btn-small">Mejorar</button>
						</td>
					</tr>
				</tbody>
			</table>
		</form>
		<div id="modalAlert" class="modal hide fade" tabindex="-1"
			role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="alert alert-block alert-error fade in">
				<button type="button" class="close" data-dismiss="alert">&times;</button>
				<h4 class="alert-heading">Oh! Ocurrio un error!</h4>
				<p id="miTexto">
				<p>
					<button type="button" data-dismiss="modal"
						data-target="#modalAlert" class="btn">Aceptar</button>
				</p>
			</div>
		</div>
	</wicket:extend>
</body>
</html>